<!DOCTYPE HTML>
<html lang="en-US">
    <head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="http://css.self.com.cn/self/www/css/reset.css" />
    <link rel="stylesheet" href="http://css.self.com.cn/self/www/css/global.css" />
    <link rel="stylesheet" href="../css/common.css" />
<link rel="stylesheet" href="../css/trial.css" />
    <script src="http://js.selfimg.com.cn/jquery/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="js/googlecharts.js"></script>
    <script type="text/javascript">

      // Load the Visualization API and the piechart package.
      google.load('visualization', '1.0', {'packages':['corechart']});

      // Set a callback to run when the Google Visualization API is loaded.
      google.setOnLoadCallback(drawPie);

      // Callback that creates and populates a data table,
      // instantiates the pie chart, passes in the data and
      // draws it.
      function drawPie() {

        // Create the data table.
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Topping');
        data.addColumn('number', 'Slices');
        data.addRows([
          ['美白', 3],
          ['控油', 1],
          ['保湿', 1],
          ['滋润', 1],
          ['去黑头', 2]
        ]);

        // Set chart options
        var options = {'title':'',
                'is3D':true,
                "pieSliceText": "none",
                       'width':400,
                       'height':300};
      }

    </script>
    
    </head>
    <body>
<div class="wrapper">
      <div class="inner-wrapper"> 
    <!--页头-->
    <div class="header">
          <div class="ad-header"> <img src="../images/temp/1000x120.jpg" alt="" /> </div>
          <div class="mini-nav"> <a href="http://www.self.com.cn/" target="_blank" class="logo" ><img src="http://css.selfimg.com.cn/self/www/images/selfview-logo.png"/></a>
        <ul>
              <li><a href="http://www.self.com.cn/">首页</a></li>
              <li><a href="http://beauty.self.com.cn/">美容护肤</a></li>
              <li><a class="nav_curr" href="http://fashion.self.com.cn/">潮流穿搭</a></li>
              <li><a href="http://women.self.com.cn/">成长</a></li>
              <li><a href="http://relation.self.com.cn/">男女</a></li>
              <li><a href="http://health.self.com.cn/">健康</a></li>
              <li><a href="http://life.self.com.cn/">乐活</a></li>
              <li><a href="http://entertainment.self.com.cn/">人物</a></li>
              <li><a href="http://bbs.self.com.cn/" target="_blank">论坛</a></li>
              <li class="last"><a href="http://www.self.com.cn/feature/">专题</a></li>
              <li class="last"><a href="http://www.self.com.cn/magazine/" target="_blank">悦己杂志</a></li>
            </ul>
        <div class="topinfo">
              <p id="top-login-info" class="login-info"><a id="top-login-btn" href="javascript:void(0)" >登录</a>-<a href="http://bbs.self.com.cn/member.php?mod=register" target="_blank">注册</a></p>
            </div>
      </div>
        </div>
    <!--end 页头-->
    <div class="section clearfix">
          <div class="M_wrap">
        <div class="wrap_slide clearfix">
              <ul id="slide">
            <li> <img src="../images/temp/temp_680x323_1.jpg" />
                  <p><em><a href="">挥洒哥特风情 请压倒性登场111</a></em><span>今年秋冬的趋势离不开这样一只神秘的势力，哥特风。</span></p>
                  <b></b> </li>
            <li> <img src="../images/temp/temp_680x323_2.jpg" />
                  <p><em><a href="">挥洒哥特风情 请压倒性登场222</a></em><span>今年秋冬的趋势离不开这样一只神秘的势力，哥特风。</span></p>
                  <b></b> </li>
            <li> <img src="../images/temp/temp_680x323_3.jpg" />
                  <p><em><a href="">挥洒哥特风情 请压倒性登场333</a></em><span>今年秋冬的趋势离不开这样一只神秘的势力，哥特风。</span></p>
                  <b></b> </li>
            <li> <img src="../images/temp/temp_680x323_1.jpg" />
                  <p><em><a href="">挥洒哥特风情 请压倒性登场444</a></em><span>今年秋冬的趋势离不开这样一只神秘的势力，哥特风。</span></p>
                  <b></b> </li>
          </ul>
              <div id="proview">
            <ul >
                  <li><i>1</i><img src="../images/temp/temp_680x323_1.jpg" /></li>
                  <li><i>2</i><img src="../images/temp/temp_680x323_2.jpg" /></li>
                  <li><i>3</i><img src="../images/temp/temp_680x323_3.jpg" /></li>
                  <li><i>4</i><img src="../images/temp/temp_680x323_1.jpg" /></li>
                </ul>
          </div>
              <div class="line1"></div>
              <div class="line2"></div>
              <div id="img_prev"></div>
              <div id="img_next"></div>
            </div>
        <br>
        <br>
        <br>
        <div id="drawPie"></div>
        <div id="drawHistogram" style="width:300px;height:200px;"></div>

        <br>
        <br>
        <br>
         <!--开箱-->
        <div class="show-title1"><strong class="side_title8">开箱报告</strong></div>
        <div class="module-manifesto-list">   
          
          <!-- .box-shadow-con -->
          <div class="box-shadow-con">
            <div class="show-cont1 clearfix">
              <strong class="title">远离初老症 悦木之源白毫银针护肤优惠套装评测 </strong>
              <div class="text">
              <p class="short_info">性25岁以后，肌肤的修复速度变慢，两颊法令纹开始出现，肌肤经常没有活力，缺乏光泽。这些就是所谓的肌肤初老症，就算身边的人不提醒你在变老，这些现象你也没办法不放在心上！悦木之源从青橄榄Emblica中发现超强的抗氧化能力，立马帮你脱离肌肤初老症的队伍，回归青春活力…<span class="link">[<a href="">更多</a>]</span></p>
              <p class="long_info">性25岁以后，肌肤的修复速度变慢，两颊法令纹开始出现，肌肤经常没有活力，缺乏光泽。这些就是所谓的肌肤初老症，就算身边的人不提醒你在变老，性25岁以后，肌肤的修复速度变慢，两颊法令纹开始出现，肌肤经常没有活力，缺乏光泽。这些就是所谓的肌肤初老症，就算身边的人不提醒你在变老，这些现象你也没办法不放在心上！悦木之源从青橄榄Emblica中发现超强的抗氧化能力，立马帮你脱离肌肤初老症的队伍，回归青春活力…<span class="link">[<a href="">收起</a>]</span></p>
              </div>
              <ul class="list">
                <li><img src="../images/temp/temp_148x148_1.jpg" alt="" /><div class="bg"></div></li>
                <li><img src="../images/temp/temp_148x148_1.jpg" alt="" /><div class="bg"></div></li>
                <li><img src="../images/temp/temp_148x148_1.jpg" alt="" /><div class="bg"></div></li>
              </ul>
              <div class="fr more"><a href="">更多文章&gt;&gt;</a></div>
            </div>
          </div>
          <!-- /.box-shadow-con -->
          <!-- .box-shadow-bot -->
          <div class="box-shadow-bot"></div>
          <!-- /.box-shadow-bot -->
        </div>
        <!--/开箱-->
           
               



        <br>
        <br>
        <br>

        <div class="show-cont2 clearfix">
          <div class="fr"><a href="" class="side_title7"></a></div>
          <div class="title1">
            <strong>Origins悦木之源白毫银针润肤凝乳</strong>
            <b class="Tri-top-right"></b>
            <b class="Tri-top-left"></b>
          </div>
          <div class="fl face">
            <img src="../images/temp/temp_148x148_1.jpg" alt="" />
            <p><a href="">名称名称名称</a></p>
            <p><a href="" class="M_btn1"><b>+</b>关注</a></p>
          </div>
          <div class="fr cont">

            <ul class="info_list">
              <li class="list_w1">英文名称：<a href="#">Origins</a></li>
              <li class="list_w2">中文名称：<a href="#">悦木之源</a></li>
              <li class="list_w1">所属国家：美国 </li>
              <li class="list_w2">创始时间：1900年</li>
              <li class="list_w3">官方网站：<a href="">http://www.origins.com</a></li>
              
               <li class="list_w3"><span class="title">品牌介绍：</span>
               <p class="short_info">悦者，身心欣悦；木者，植物源说；源，即为Origins的中文意译。一个以植物为本源、以科学为循证，为人类提供肌肤、心灵双重感效的化妆品品牌，这就是Origins悦木之源。Origins悦木之源是一个崇尚天然、讲求功效的高效天然护肤…<a href="">更多</a></p>
               <p class="long_info">悦者，身心欣悦；木者，植物源说；源，即为Origins的中文意译。一个以植物为本源、以科学为循证，为人类提供肌肤、心灵双重感效的化妆品品牌，这就是Origins悦木之源。Origins悦木之源是一个崇尚天然、讲求功效的高效天然护肤品牌介绍：悦者，身心欣悦；木者，植物源说；源，即为Origins的中文意译。一个以植物为本源、以科学为循证，为人类提供肌肤、心灵双重感效的化妆品品牌，这就是Origins悦木之源。Origins悦木之源是一个崇尚天然、讲求功效的高效天然护肤…<a href="">收起</a></p>
               </li>
            </ul>
          </div>
        </div>
        <br>
        <br>
        <br>

        <div class="moudle_box3">
              <div class="roll_product"> <a href="" class="box_prev"></a> <a href="" class="box_next"></a>
            <div class="infos-wrap">
                  <div class="fl"><a href=""><img src="../images/temp/temp_220x220_1.png" alt="" /></a></div>
                  <div class="cont"> <strong><a href="">品牌品牌品牌品牌品牌品牌品牌11111</a></strong>
                <p><em>产品功效：</em><a href="">美白</a>、<a href="">保湿</a>、<a href="">补水</a>、<a href="">面部保养</a></p>
                <p><em>所属分类：</em><a href="">乳霜</a></p>
                <p><em>参考价格：</em>420.00RMB</p>
                <p class="short_info"><em>产品介绍：</em>提高细胞抗氧化力：白毫银针茶（White Tea Extract）多酚：有效中和因阳光紫外线、环境污染及情绪压力造成的自由基，压制游离子进行氧化、肌肤老化及缺水等一切引致肌肤衰老的活动，使肌肤免于伤害，提高细胞防御能力一切引致肌肤衰老的活动，使肌肤免于伤害，提高细胞防御…<span class="link">[<a href="">更多</a>]</span></p>
                <p class="long_info"><em>产品介绍：</em>提高细胞抗氧化力：白毫银针茶（White Tea Extract）多酚：有效中和因阳光紫外线、环境污染及情绪压力造成的自由基，压制游离子进行氧化提高细胞抗氧化力：白毫银针茶（White Tea Extract）多酚：有效中和因阳光紫外线、环境污染及情绪压力造成的自由基，压制游离子进行氧化、肌肤老化及缺水等一切引致肌肤衰老的活动，使肌肤免于伤害，提高细胞防御能力一切引致肌肤衰老的活动，使肌肤免于伤害，提高细胞防御…<span class="link">[<a href="">收起</a>]</span></p>
              </div>
                  <p class="text"> 亲爱的,你没有说你皮肤的状况诶,我真的很难给你意见,你现在的皮肤会比较容易过敏么???有没有毛孔啊,豆豆啊,豆疤啊什么样的问题,我只能建议你这两个月早睡早起.这样人比较精神,什么黑眼圈啊什么的都不会有,皮肤状态会比较好,饮食要注意,科学合理.少吃刺激的,多吃些有益美容的,多喝水,绿茶啊,玫瑰花茶啊什么的,从内而外.护肤品你可以用些比较温和安全无刺激的,薇姿啊雅漾啊什么.你可以去专柜问问.. </p>
                  <img src="../images/temp/temp_ad1.jpg" width="600" height="300">
                  <p class="text"> 难给你意见,你现在的皮肤会比较容易过敏么???有没有毛孔啊,豆豆啊,豆疤啊什么样的问题,我只能建议你这两个月早睡早起.这样人比较精神,什么黑眼圈啊什么的都不会有,多喝水,绿茶啊,玫瑰花茶啊什么的,从内而外问问.. </p>
                </div>
            <div class="infos-wrap">
                  <div class="fl"><a href=""><img src="../images/temp/temp_220x220_1.png" alt="" /></a></div>
                  <div class="cont"> <strong><a href="">品牌品牌品牌品牌品牌品牌品牌22222</a></strong>
                <p><em>产品功效：</em><a href="">美白</a>、<a href="">保湿</a>、<a href="">补水</a>、<a href="">面部保养</a></p>
                <p><em>所属分类：</em><a href="">乳霜</a></p>
                <p><em>参考价格：</em>420.00RMB</p>
                <p><em>产品介绍：</em>提高细胞抗氧化力：白毫银针茶（White Tea Extract）多酚：有效中和因阳光紫外线、环境污染及情绪压力造成的自由基，压制游离子进行氧化、肌肤老化及缺水等一切引致肌肤衰老的活动，使肌肤免于伤害，提高细胞防御能力一切引致肌肤衰老的活动，使肌肤免于伤害，提高细胞防御…<span class="link">[<a href="">更多</a>]</span></p>
              </div>
                  <p class="text"> 亲爱的,你没有说你皮肤的状况诶,我真的很难给你意见,你现在的皮肤会比较容易过敏么???有没有毛孔啊,豆豆啊,豆疤啊什么样的问题,我只能建议你这两个月早睡早起.这样人比较精神,什么黑眼圈啊什么的都不会有,皮肤状态会比较好,饮食要注意,科学合理.少吃刺激的,多吃些有益美容的,多喝水,绿茶啊,玫瑰花茶啊什么的,从内而外.护肤品你可以用些比较温和安全无刺激的,薇姿啊雅漾啊什么.你可以去专柜问问.. </p>
                  <img src="../images/temp/temp_ad1.jpg" width="600" height="300">
                  <p class="text"> 难给你意见,你现在的皮肤会比较容易过敏么???有没有毛孔啊,豆豆啊,豆疤啊什么样的问题,我只能建议你这两个月早睡早起.这样人比较精神,什么黑眼圈啊什么的都不会有,多喝水,绿茶啊,玫瑰花茶啊什么的,从内而外问问.. </p>
                </div>
          </div>
            </div>
      </div>
          <div class="M_sidebar"> 
        <!--登陆前-->
        <div class="info_cont">
              <div class="title"> <strong>用户登录<span>Login</span></strong> <i class="Tri-dow-right"></i> </div>
              <div class="info_login">
            <div class="alert" style="visibility:hidden;">错误提示</div>
            <ul class="form_login">
                  <li class="username"><em>用户名</em>
                <input type="text" name="" id=""　／>
              </li>
                  <li class="password"><em>密　码</em>
                <input type="password" name="" id=""／>
              </li>
                  <li><span class="fr"><a href="">忘记密码</a></span>
                <input type="checkbox" name="rem_login" id="rem_login">
                <label for="rem_login">记住登录状态</label>
              </li>
                </ul>
            <div class="cont_btn"><a href="" class="btn_login" title="登录"></a><a href="">注册新用户</a></div>
          </div>
            </div>
        <!--/登陆前--> 
        <!--登陆后-->
        <div class="info_cont">
              <div class="title"> <strong class="name"><a href="">用户名用户名用户名</a></strong> <i class="Tri-dow-right"></i>
            <div class="fr"><a href="">退出</a></div>
          </div>
              <div class="info_user">
            <div class="face"><a href=""><img src="../images/temp/temp_60x60.png" alt="" /></a></div>
            <div class="option"><a href="">申请试用成功(1) </a><a href="">等待提交报告(1) </a><a href="">试用消息(2) </a></div>
          </div>
              <ul class="list_item1">
            <li>
                  <div class="fr"><a href=""><img src="../images/temp/temp_60x60_2.png" alt="" /></a></div>
                  <b><a href="">名称名称名称</a></b>
                  <p><span>已发货</span><a href="" class="M_btn1">提交试用报告</a></p>
                </li>
            <li>
                  <div class="fr"><a href=""><img src="../images/temp/temp_60x60_2.png" alt="" /></a></div>
                  <b><a href="">名称名称名称</a></b>
                  <p><a href="">已申请成功  马上查看&gt;&gt; </a></p>
                </li>
          </ul>
            </div>
        <!--/登陆后--> 
        <!--公告-->
        <div class="note_cont">
              <div class="title"><strong>公告<span>Announcement</span></strong></div>
              <ul class="list_text1">
            <li><a href="">公告标题公告标题公告标题</a></li>
            <li><a href="">公告标题公告标题公告标题</a></li>
            <li><a href="">公告标题公告标题公告标题</a></li>
          </ul>
            </div>
        <!--/公告--> 
        <!--试用预告-->
        <div class="side_title1">试用预告</div>
        <div class="info_cont">
          <div class="roll_side">
            <ul class="roll">
                  <li>
                <div class="title1"><b>2012</b>年<b>12</b>月<b>22</b>日<span>即将推出1</span></div>
                <div class="fl"><a href=""><img src="../images/temp/temp_118x118_1.png" alt="" /></a></div>
                <div class="cont">
                      <p><a href="">品牌品牌品牌品牌品牌品牌品牌品牌1</a></p>
                      <p><em>参考价格：</em>233RMB</p>
                      <p><em>规　　格：</em>15ml</p>
                      <p><em>数　　量：</em>15份</p>
                      <p><a href="" class="M_btn2"><span>订阅提醒<i>&#9658;</i></span></a></p>
                    </div>
              </li>
                  <li>
                <div class="title1"><b>2012</b>年<b>12</b>月<b>22</b>日<span>即将推出2</span></div>
                <div class="fl"><a href=""><img src="../images/temp/temp_118x118_1.png" alt="" /></a></div>
                <div class="cont">
                      <p><a href="">品牌品牌品牌品牌品牌品牌品牌品牌2</a></p>
                      <p><em>参考价格：</em>233RMB</p>
                      <p><em>规　　格：</em>15ml</p>
                      <p><em>数　　量：</em>15份</p>
                      <p><a href="" class="M_btn2"><span>订阅提醒<i>&#9658;</i></span></a></p>
                    </div>
              </li>
                </ul>
            <a href="" class="side_prev"></a> <a href="" class="side_next"></a> 
          </div>
          </div>
        <!--/试用预告--> 
        <!--广告-->
        <div class="image_cont"><a href=""><img src="../images/temp/temp_ad2.jpg" alt="" /></a></div>
        <!--/广告--> 
        <!--精华报告-->
        <div class="info_cont">
              <div class="title2"> <i class="arrow"></i>
            <div class="side_title2"><a href="" title="精华报告">精华报告</a></div>
          </div>
              <div class="report_cont"> <img src="../images/temp/temp_260x140.jpg" alt="" />
            <p><b><a href="">渗透迅速，强化抗氧的清润面霜</a></b></p>
            <p><b><a href="">夏日香气夏日</a></b><span>混合型肤质</span><span>21岁</span></p>
            <div class="text1 clearfix"><span class="fl">总体得分：</span>
                  <div class="thermometer fl"> <span class="scale"><span class="inner" style="width: 86%;"></span></span> <span class="num">8<b>.6<i>分</i></b></span> </div>
                </div>
            <p class="short_info">这是使用之前的水分值含量，手是有点干燥了。但因为产品在运输的过程中受到了挤压，所以我旋开瓶盖后就向外喷涌，好心疼呀...  <span class="link">[<a href="">详细</a>]</span></p>
            <p class="long_info">这是使用之前的水分值含量，手是有点干燥了。但因为产品在运输的过程中受到了挤压，所以我旋开瓶盖后就向外喷涌，好心疼呀这是使用之前的水分值含量，手是有点干燥了。但因为产品在运输的过程中受到了挤压，所以我旋开瓶盖后就向外喷涌，好心疼呀...  <span class="link">[<a href="">收起</a>]</span></p>
            <ul class="list1">
                  <li><span class="fl"><a href="">有妆胜无妆 玫珂菲超自然水粉霜</a></span><span class="fr"><a href="">邱小包</a></span></li>
                  <li><span class="fl"><a href="">有妆胜无妆 玫珂菲超自然水粉霜</a></span><span class="fr"><a href="">毛咚咚</a></span></li>
                  <li><span class="fl"><a href="">玫瑰精油清洁皂 清洁与护肤相融合</a></span><span class="fr"><a href="">sherry</a></span></li>
                </ul>
          </div>
            </div>
        <!--/精华报告--> 
        <!--试用攻略-->
        <div class="art_cont">
              <div class="title">
            <div class="side_title3"><a href="" title="试用攻略">试用攻略</a></div>
          </div>
              <div class="inner"> <strong>达人分享有助试用申请通过的秘籍：</strong>
            <ul class="list1">
                  <li>1、根据要求认真填写申请宣言，是申请得到管理员注意的敲门砖；</li>
                  <li>2、完善各项资料，有助于让管理员了解更真实的你</li>
                  <li>3、图文并茂的试用报告是反馈试用感受的最优形式，凡提交过“最佳试用报告”的会员将优先获得试用权。最佳报告数量越多，申请成功率越大！</li>
                </ul>
          </div>
            </div>
        <!--/试用攻略--> 
        <!--常见问题-->
        <div class="art_cont">
              <div class="title">
            <div class="side_title4"><a href="" title="常见问题">常见问题</a></div>
          </div>
              <div class="inner">
            <div class="title1"> <i class="icon_q"></i><b>：为什么我提交不了试用申请？</b> </div>
            <p class="text1"><i class="icon_a fr"></i>完整填写并提交试用申请资料，成功提交后，通过审核才能获得试用资格。系统将依据申请者的个人状况并结合其在化妆品库已发表的产品心得和活跃程度来挑选。因此您可以在化妆品库和品牌专区多多发表点评，同时也要注重评论的质量。</p>
            <div class="title1"> <i class="icon_q"></i><b>：为什么我提交不了试用申请？</b> </div>
            <p class="text1"><i class="icon_a fr"></i>完整填写并提交试用申请资料，成功提交后，通过审核才能获得试用资格。系统将依据申请者的个人状况并结合其在化妆品库已发表的产品心得和活跃程度来挑选。因此您可以在化妆品库和品牌专区多多发表点评，同时也要注重评论的质量。</p>
          </div>
            </div>
        <!--/常见问题--> 
        <!--试用合作-->
        <div class="note_cont">
              <div class="title"><strong>试用合作<span>Business Cooperation</span></strong></div>
              <ul class="list_text1">
            <li>联系人：张小毛女士</li>
            <li>电　话：010-596888888</li>
            <li>邮　箱：XXX@Condenast.com.cn</li>
          </ul>
            </div>
        <!--/试用合作--> 
        <!--广告-->
        <div class="image_cont"><a href=""><img src="../images/temp/temp_300x600.jpg" alt="" /></a></div>
        <!--/广告--> 
        <!--热门试用-->
        <div class="art_cont">
              <div class="title">
            <div class="side_title5"><a href="" title="热门试用">热门试用</a></div>
          </div>
              <div class="inner">
            <ul class="list2">
                  <li>
                <div class="fl"><a href=""><img src="../images/temp/temp_118x118_1.png" alt="" /></a></div>
                <div class="cont">
                      <p><a href="">品牌品牌品牌品牌品牌品牌品牌品牌1</a></p>
                      <p><em>参考价格：</em>233RMB</p>
                      <p><em>规　　格：</em>15ml</p>
                      <p><em>数　　量：</em>15份</p>
                      <p><em>申请日期：</em>10.27-10.11</p>
                      <p><a href="" class="M_btn3"><span>申请试用<i>►</i></span></a></p>
                    </div>
              </li>
                  <li class="noborder">
                <div class="fl"><a href=""><img src="../images/temp/temp_118x118_1.png" alt="" /></a></div>
                <div class="cont">
                      <p><a href="">品牌品牌品牌品牌品牌品牌品牌品牌1</a></p>
                      <p><em>参考价格：</em>233RMB</p>
                      <p><em>规　　格：</em>15ml</p>
                      <p><em>数　　量：</em>15份</p>
                      <p><em>申请日期：</em>10.27-10.11</p>
                      <p><a href="" class="M_btn3"><span>申请试用<i>►</i></span></a></p>
                    </div>
              </li>
                </ul>
          </div>
            </div>
        <!--/热门试用--> 
        <!--最受欢迎产品-->
        <div class="info_cont">
              <div class="title"> <strong>最受欢迎产品</strong> <i class="Tri-dow-right"></i>
            <ul class="fr tab1 idTabs">
                  <li><a href="#Tab-1" class="cur">周排行</a></li>
                  <li><a href="#Tab-2">月排行</a></li>
                </ul>
          </div>
              <dl class="list_item2" id="Tab-1">
                <dt class="num1">
                      <div class="fl"> <a href=""><img src="../images/temp/temp_88x88.jpg" alt="" /></a> <i>1</i> </div>
                      <div class="cont">
                    <p><b><a href="">悦诗风吟innisfree火山灰毛孔清洁紧致面膜2</a></b></p>
                    <p>参考价格：3000RMB</p>
                    <p>规　　格：300mg</p>
                  </div>
                    </dt>
                <dd><i>2.</i><a href="">11111111题标题标题</a></dd>
                <dd><i>3.</i><a href="">标题标题标题标题标题</a></dd>
                <dd><i>4.</i><a href="">标题标题标题标题标题</a></dd>
                <dd><i>5.</i><a href="">标题标题标题标题标题</a></dd>
                <dd><i>6.</i><a href="">标题标题标题标题标题</a></dd>
                <dd><i>7.</i><a href="">标题标题标题标题标题</a></dd>
                <dd><i>8.</i><a href="">标题标题标题标题标题</a></dd>
                <dd><i>9.</i><a href="">标题标题标题标题标题</a></dd>
                <dd><i>10.</i><a href="">标题标题标题标题标题</a></dd>
              </dl>
              <dl class="list_item2"id="Tab-2">
                <dt class="num1">
                      <div class="fl"> <a href=""><img src="../images/temp/temp_88x88.jpg" alt="" /></a> <i>1</i> </div>
                      <div class="cont">
                    <p><b><a href="">悦诗风吟innisfree火山灰毛孔清洁紧致面膜2</a></b></p>
                    <p>参考价格：3000RMB</p>
                    <p>规　　格：300mg</p>
                  </div>
                    </dt>
                <dd><i>2.</i><a href="">2222222标题标题</a></dd>
                <dd><i>3.</i><a href="">标题标题标题标题标题</a></dd>
                <dd><i>4.</i><a href="">标题标题标题标题标题</a></dd>
                <dd><i>5.</i><a href="">标题标题标题标题标题</a></dd>
                <dd><i>6.</i><a href="">标题标题标题标题标题</a></dd>
                <dd><i>7.</i><a href="">标题标题标题标题标题</a></dd>
                <dd><i>8.</i><a href="">标题标题标题标题标题</a></dd>
                <dd><i>9.</i><a href="">标题标题标题标题标题</a></dd>
                <dd><i>10.</i><a href="">标题标题标题标题标题</a></dd>
              </dl>
            </div>
        <!--/最受欢迎产品--> 
        
        <!--该品牌热门产品-->
        <div class="info_cont">
              <div class="title"> <strong>该品牌热门产品</strong> <i class="Tri-dow-right"></i>
            <div class="fr"><a href="">更多&gt;&gt;</a></div>
          </div>
              <dl class="list_item2">
            <dt>
                  <div class="fl"> <a href=""><img src="../images/temp/temp_120x120_1.png" alt="" /></a> </div>
                  <div class="cont">
                <p><b><a href="">悦诗风吟innisfree火山灰毛孔清洁紧致面膜2</a></b></p>
                <p>参考价格：3000RMB</p>
                <p>规　　格：300mg</p>
              </div>
                </dt>
            <dt>
                  <div class="fl"> <a href=""><img src="../images/temp/temp_120x120_1.png" alt="" /></a> </div>
                  <div class="cont">
                <p><b><a href="">悦诗风吟innisfree火山灰毛孔清洁紧致面膜2</a></b></p>
                <p>参考价格：3000RMB</p>
                <p>规　　格：300mg</p>
              </div>
                </dt>
            <dt class="noborder">
                  <div class="fl"> <a href=""><img src="../images/temp/temp_120x120_1.png" alt="" /></a> </div>
                  <div class="cont">
                <p><b><a href="">悦诗风吟innisfree火山灰毛孔清洁紧致面膜2</a></b></p>
                <p>参考价格：3000RMB</p>
                <p>规　　格：300mg</p>
              </div>
                </dt>
          </dl>
            </div>
        <!--/该品牌热门产品--> 
        
        <!--当前点评的产品-->
        <div class="art_cont">
              <div class="title">
            <div class="side_title6"><a href="" title="当前点评的产品">当前点评的产品</a></div>
          </div>
              <div class="inner">
            <ul class="list2">
                  <li class="noborder">
                <div class="fl"><a href=""><img src="../images/temp/temp_118x118_1.png" alt="" /></a></div>
                <div class="cont">
                      <p><a href="">品牌品牌品牌品牌品牌品牌品牌品牌1</a></p>
                      <p class="thermometer"><em>总体评分：</em><span class="num">8<b>.6<i>分</i></b></span></p>
                      <p><em>产品功效：</em>保湿、去油、补水、润肤</p>
                      <p><a href="" class="M_btn3"><span>发表心得<i>►</i></span></a></p>
                    </div>
              </li>
                </ul>
          </div>
            </div>
        <!--/当前点评的产品-->
        <div class="side_title1"></div>
        <div class="side_title2"></div>
        <div class="side_title3"></div>
        <div class="side_title4"></div>
        <div class="side_title5"></div>
        <div class="side_title6"></div>
      </div>
        </div>
    
        <div class="favlink">
          <div class="title"><strong></strong><b></b></div>
          <a href="" class="fav_prev"></a>
          <a href="" class="fav_next"></a>
          <div class="inner">
            <ul>
              <li>
                <a href=""><img src="../images/temp/temp_68x68_1.png" alt="" width="68" height="68" /></a>
                <p><a href="">aaaaaa<br />文字文字文字</a></p>
              </li>
              <li>
                <a href=""><img src="../images/temp/temp_68x68_1.png" alt="" width="68" height="68" /></a>
                <p><a href="">aaaaaa<br />文字文字文字</a></p>
              </li>
              <li>
                <a href=""><img src="../images/temp/temp_68x68_2.png" alt="" width="68" height="68" /></a>
                <p><a href="">aaaaaa<br />文字文字文字</a></p>
              </li>
              <li>
                <a href=""><img src="../images/temp/temp_68x68_2.png" alt="" width="68" height="68" /></a>
                <p><a href="">aaaaaa<br />文字文字文字</a></p>
              </li>
              <li>
                <a href=""><img src="../images/temp/temp_68x68_1.png" alt="" width="68" height="68" /></a>
                <p><a href="">aaaaaa<br />文字文字文字</a></p>
              </li>
              <li>
                <a href=""><img src="../images/temp/temp_68x68_1.png" alt="" width="68" height="68" /></a>
                <p><a href="">aaaaaa<br />文字文字文字</a></p>
              </li>
              <li>
                <a href=""><img src="../images/temp/temp_68x68_2.png" alt="" width="68" height="68" /></a>
                <p><a href="">aaaaaa<br />文字文字文字</a></p>
              </li>
              <li>
                <a href=""><img src="../images/temp/temp_68x68_2.png" alt="" width="68" height="68" /></a>
                <p><a href="">aaaaaa<br />文字文字文字</a></p>
              </li>
              <li>
                <a href=""><img src="../images/temp/temp_68x68_1.png" alt="" width="68" height="68" /></a>
                <p><a href="">aaaaaa<br />文字文字文字</a></p>
              </li>
              <li>
                <a href=""><img src="../images/temp/temp_68x68_1.png" alt="" width="68" height="68" /></a>
                <p><a href="">aaaaaa<br />文字文字文字</a></p>
              </li>
              <li>
                <a href=""><img src="../images/temp/temp_68x68_2.png" alt="" width="68" height="68" /></a>
                <p><a href="">aaaaaa<br />文字文字文字</a></p>
              </li>
              <li>
                <a href=""><img src="../images/temp/temp_68x68_2.png" alt="" width="68" height="68" /></a>
                <p><a href="">aaaaaa<br />文字文字文字</a></p>
              </li>
              <li>
                <a href=""><img src="../images/temp/temp_68x68_1.png" alt="" width="68" height="68" /></a>
                <p><a href="">aaaaaa<br />文字文字文字</a></p>
              </li>
              <li>
                <a href=""><img src="../images/temp/temp_68x68_1.png" alt="" width="68" height="68" /></a>
                <p><a href="">aaaaaa<br />文字文字文字</a></p>
              </li>
              <li>
                <a href=""><img src="../images/temp/temp_68x68_2.png" alt="" width="68" height="68" /></a>
                <p><a href="">aaaaaa<br />文字文字文字</a></p>
              </li>
              <li>
                <a href=""><img src="../images/temp/temp_68x68_2.png" alt="" width="68" height="68" /></a>
                <p><a href="">aaaaaa<br />文字文字文字</a></p>
              </li>
              <li>
                <a href=""><img src="../images/temp/temp_68x68_1.png" alt="" width="68" height="68" /></a>
                <p><a href="">aaaaaa<br />文字文字文字</a></p>
              </li>
              <li>
                <a href=""><img src="../images/temp/temp_68x68_1.png" alt="" width="68" height="68" /></a>
                <p><a href="">aaaaaa<br />文字文字文字</a></p>
              </li>
              <li>
                <a href=""><img src="../images/temp/temp_68x68_2.png" alt="" width="68" height="68" /></a>
                <p><a href="">aaaaaa<br />文字文字文字</a></p>
              </li>
              <li>
                <a href=""><img src="../images/temp/temp_68x68_2.png" alt="" width="68" height="68" /></a>
                <p><a href="">aaaaaa<br />文字文字文字</a></p>
              </li>
            </ul>
          </div>
        </div>
    <!--页尾-->
    <div class="footer">
          <div class="sitemap">
        <div class="sitemap-nav">
              <h2 class="channel"><a target="_blank" href="http://www.self.com.cn/map.html">site map 网站地图</a></h2>
            </div>
        <div class="sitemap-body clearfix">
              <ul>
            <li class="mr">
                  <h3><a target="_blank" href="http://beauty.self.com.cn/" class="tt">美容护肤</a></h3>
                  <p class="mr-l"> <a target="_blank" href="http://beauty.self.com.cn/openbox/">开箱报告</a> <a target="_blank" href="http://beauty.self.com.cn/selfgirl/">美丽变身</a> <a target="_blank" href="http://beauty.self.com.cn/dodont/">Dos & Don'ts </a> <a target="_blank" href="http://beauty.self.com.cn/skincare/">护肤保养 </a> <a target="_blank" href="http://beauty.self.com.cn/makeover/">美妆心机</a> <a target="_blank" href="http://beauty.self.com.cn/hairstyle/">美发屋</a> <a target="_blank" href="http://beauty.self.com.cn/fragrance/">香氛</a> <a target="_blank" href="http://beauty.self.com.cn/starlook/">明星梳妆台</a> </p>
                  <p class="mr-r"> <a target="_blank" href="http://beauty.self.com.cn/beauty365/">美容365</a> <a target="_blank" href="http://beauty.self.com.cn/news/">美容情报</a> <a target="_blank" href="http://beauty.self.com.cn/selfmirror/">悦己化妆间</a> <a target="_blank" href="http://beauty.self.com.cn/feature/">专题</a> <a target="_blank" href="http://brand.self.com.cn/product/cosmetics/">化妆品库</a> <a target="_blank" href="http://brand.self.com.cn/product/fashion/">时装名录</a> <a target="_blank" href="http://brand.self.com.cn/">品牌库</a> </p>
                </li>
            <li class="cl">
                  <h3><a target="_blank" href="http://fashion.self.com.cn/" class="tt">潮流穿搭</a></h3>
                  <a target="_blank" href="http://fashion.self.com.cn/selfstyle/">潮流穿搭</a> <a target="_blank" href="http://fashion.self.com.cn/dodont/">Dos & Don'ts</a> <a target="_blank" href="http://fashion.self.com.cn/accessories/">鞋包配饰</a> <a target="_blank" href="http://fashion.self.com.cn/news/">流行情报 </a> <a target="_blank" href="http://fashion.self.com.cn/streetsnap/">全球街拍</a> <a target="_blank" href="http://fashion.self.com.cn/starlook/">明星衣橱</a> <a target="_blank" href="http://fashion.self.com.cn/accademy/">时装学院</a> <a target="_blank" href="http://fashion.self.com.cn/smartbuy/">悦消费</a> <a target="_blank" href="http://fashion.self.com.cn/feature/">专题</a> </li>
            <li class="cz">
                  <h3><a target="_blank" href="http://women.self.com.cn/" class="tt">成长</a></h3>
                  <a target="_blank" href="http://women.self.com.cn/bookshelf/">悦己书房</a> <a target="_blank" href="http://women.self.com.cn/office/">职场小宇宙 </a> <a target="_blank" href="http://women.self.com.cn/mememe/">心灵故事</a> <a target="_blank" href="http://women.self.com.cn/finace/">财务独立</a> <a target="_blank" href="http://women.self.com.cn/feature/">专题</a> </li>
            <li class="nv">
                  <h3><a target="_blank" href="http://relation.self.com.cn/" class="tt">男女</a></h3>
                  <a target="_blank" href="http://relation.self.com.cn/love/">两性情感</a> <a target="_blank" href="http://relation.self.com.cn/hisview/">悦己亚当</a> <a target="_blank" href="http://relation.self.com.cn/bride/">悦己新娘</a> <a target="_blank" href="http://relation.self.com.cn/feature/">专题</a> </li>
            <li class="jk">
                  <h3><a target="_blank" href="http://health.self.com.cn/" class="tt">健康</a></h3>
                  <a target="_blank" href="http://health.self.com.cn/healthtips/">健康主张</a> <a target="_blank" href="http://health.self.com.cn/nurturingdiet/">养生锦囊</a> <a target="_blank" href="http://health.self.com.cn/mind/">心理健康</a> <a target="_blank" href="http://health.self.com.cn/keepfit/">快乐瘦身</a> <a target="_blank" href="http://health.self.com.cn/sex/">性福幸福</a> <a target="_blank" href="http://health.self.com.cn/sexsurvey/">性趣调查</a> <a target="_blank" href="http://health.self.com.cn/dodont/">Dos & Don'ts</a> <a target="_blank" href="http://health.self.com.cn/feature/">专题</a> </li>
            <li class="lh">
                  <h3><a target="_blank" href="http://life.self.com.cn/" class="tt">乐活</a></h3>
                  <a target="_blank" href="http://life.self.com.cn/travel/">旅行</a> <a target="_blank" href="http://life.self.com.cn/cruisine/">美食</a> <a target="_blank" href="http://life.self.com.cn/home/">家居</a> <a target="_blank" href="http://life.self.com.cn/movie/">电影</a> <a target="_blank" href="http://life.self.com.cn/music/">音乐</a> <a target="_blank" href="http://life.self.com.cn/pets/">宠物</a> <a target="_blank" href="http://life.self.com.cn/charity/">公益</a> <a target="_blank" href="http://life.self.com.cn/feature/">专题</a> </li>
            <li class="yl">
                  <h3><a target="_blank" href="http://entertainment.self.com.cn/" class="tt">人物</a></h3>
                  <a target="_blank" href="http://fashion.self.com.cn/starlook/">明星衣橱</a> <a target="_blank" href="http://beauty.self.com.cn/starlook/">明星梳妆台</a> <a target="_blank" href="http://entertainment.self.com.cn/stars/">悦己缪斯 </a> <a target="_blank" href="http://entertainment.self.com.cn/interview/">悦己访谈</a> 
                  <!--a target="_blank" href="http://entertainment.self.com.cn/feature/">专题</a--> 
                </li>
            <li class="hd">
                  <h3><a target="_blank" href="http://bbs.self.com.cn/" class="tt">互动 </a></h3>
                  <a target="_blank" href="http://bbs.self.com.cn/">论坛</a> <a target="_blank" href="http://space.self.com.cn/">博客</a> <a target="_blank" href="http://t.self.com.cn/">悦己说</a> </li>
            <li class="yy">
                  <h3><a target="_blank" href="http://www.self.com.cn/" class="tt">应用 </a></h3>
                  <a target="_blank" href="http://beauty.self.com.cn/beauty365/">美容365</a> <a target="_blank" href="http://health.self.com.cn/sexsurvey/">性趣调查 </a> </li>
            <li class="zz">
                  <h3><a target="_blank" href="http://www.self.com.cn/magazine/" class="tt">杂志</a></h3>
                </li>
          </ul>
            </div>
      </div>
          <div class="site-info">
        <div class="condenast-nav clearfix">
              <p>康泰纳仕集团中国网站：<a href="http://www.vogue.com.cn/" target="_blank">VOGUE时尚网</a><span>-</span><a href="http://www.gq.com.cn/" target="_blank">GQ男士网</a><span>-</span><a href="http://www.self.com.cn/" target="_blank">SELF悦己女性网</a><span>-</span><a href="http://www.adstyle.com.cn/" target="_blank">安邸AD家居生活网</a></p>
            </div>
        <div class="footer-nav clearfix">
              <div class="clearfix"> <a href="http://www.self.com.cn/" target="_blank" class="self-logo"></a>
            <p><a href="http://www.self.com.cn/company.html" target="_blank">关于我们</a><span>-</span><a href="http://www.condenastsub.com.cn/order_self.php?source=selfwww" target="_blank">订阅杂志</a><span>-</span><a href="http://www.self.com.cn/cooperation.html" target="_blank">合作伙伴</a><span>-</span><a href="http://job.self.com.cn/" target="_blank">招聘信息</a><span>-</span><a href="http://www.self.com.cn/contactus.html" target="_blank">联系我们</a><span>-</span><a href="http://www.self.com.cn/map.html" target="_blank">网站地图</a><span>-</span><a href="http://www.self.com.cn/privacy.html" target="_blank">隐私权声明</a><span>-</span><a href="http://www.self.com.cn/copyright.html" target="_blank">版权声明</a></p>
          </div>
              <div class="copyright">Copyright Condenast China 版权所有 北京风华创想网络有限公司<br />
            京ICP 证070504号 京网文[2010] 0398-013号 京公网安备：110105001275</div>
            </div>
      </div>
        </div>
    <!--end 页尾--> 
  </div>
    </div>
    <script type="text/javascript" src="../js/infoToggle.js"></script>

<script src='../js/jquery.switchable-2.0.min.js'></script> 
<script type="text/javascript">
      $(function() {
		  $('#slide').switchable({
		    triggers: $('#proview').find('li'),
		    effect: 'fade',
		    onSwitch: function(event, currentIndex) {
		      var api = this,
		          cfg = api.config;
		    }
		  });
		  $('#proview > ul').switchable({
		  	panels: 'li',
		  	triggers: '',
		  	easing: 'ease-in-out',
		    effect: 'scrollLeft',
		  	steps: 2,
    		visible: 2, // important
    		end2end: true,
		  	prev: '#img_prev',
       	next: $('#img_next'),
       	groupSize: [280, 60], 
       	onSwitch: function(event, currentIndex) {
		    var api = this;
		    api.prevBtn.toggleClass('disabled', currentIndex === 0);
		    api.nextBtn.toggleClass('disabled', currentIndex === api.length - 1);
		    }
		  });
		});
      $(function() {
		  $('.roll_side > .roll').switchable({
	        panels: 'li',
	        triggers: '&bull;',
	        putTriggers: 'insertBefore',
	        effect: 'fade',
	        /* fade effect only supports steps == 1 */
	        // steps: 1,
	        easing: 'ease',
	        loop: true,
	        prev: '.side_prev',
	        next: $('.side_next'),
	        onSwitch: function(event, currentIndex) {
	          var api = this;
	          api.prevBtn.toggleClass('disabled', currentIndex === 0);
	          api.nextBtn.toggleClass('disabled', currentIndex === api.length - 1);
	        }
	      });
		});
      $(function() {
		  $('.roll_product ').switchable({
	        panels: '.infos-wrap ',
	        triggers: '',
	        putTriggers: 'insertBefore',
	        effect: 'fade',
	        /* fade effect only supports steps == 1 */
	        // steps: 1,
	        easing: 'ease',
	        loop: true,
	        prev: '.box_prev',
	        next: $('.box_next'),
	        onSwitch: function(event, currentIndex) {
	          var api = this;
	          api.prevBtn.toggleClass('disabled', currentIndex === 0);
	          api.nextBtn.toggleClass('disabled', currentIndex === api.length - 1);
	        }
	      });
		});
      $(function() {
      $('.favlink .inner ').switchable({
          panels: 'li',
          triggers: '',
          easing: 'ease-in-out',
          effect: 'scrollLeft',
          /* fade effect only supports steps == 1 */
          // steps: 1,
          prev: '.fav_prev',
          next: $('.fav_next'),
          steps: 8,
          visible: 8, // important
          groupSize: [880, 130], 
          onSwitch: function(event, currentIndex) {
            var api = this;
            api.prevBtn.toggleClass('disabled', currentIndex === 0);
            api.nextBtn.toggleClass('disabled', currentIndex === api.length - 1);
          }
        });
    });

</script>
</body>
</html>